$bodyBg:#f0f0f0;
$borderCol:#e6e6e6 0.028rem solid;
$borderWhiteCol:#ffffff 3px solid;
$mainCol:#666666;
$lessCol:#999999;
$whiteCol:#ffffff;
$redColor:#e11537;
$activeColor:#19ccc3;
// $iconsUrl:url('../../assets/img/user/icons.png') no-repeat;
// $iconsSize:277px 94px;
$whiteCol:#ffffff;

// .icons{
//     background:$iconsUrl;
//     background-size:$iconsSize;
//     -webkit-background-size:$iconsSize;
// }

#myCenter{
	color:$mainCol;
	min-height:100vh;
	background:$bodyBg url('../../assets/img/user/my-bg.png') no-repeat;
    background-size:100% auto;
    -webkit-background-size:100% auto;
 	.my-top{ 		
        padding: 80px 40px 20px 40px;
        .my-info{
        	border-radius:0.15rem;
        	height: 300px;
        	padding: 26px 0px 0px 45px;
        	>img{
        		width: 100px;
        		height: 100px;
        		border-radius:10rem;
        		display: inline-block;
        		vertical-align: middle;
        		margin-right: 10px;
        	}
        	span{
        		display: inline-block;
        		vertical-align: middle;
        		i{
        			font-size: 36px;
        			display: block;
        		}
        		em{
        			font-size: 24px;
        			display: block;
        			u{
        				display: inline-block;
        				vertical-align: middle;
        				width: 18px;
        				height: 26px;
        				background:url('../../assets/img/user/tel-icon.png') no-repeat;
				        background-size:18px 26px;
				        -webkit-background-size:18px 26px;
        				
        			}
        		}
        	}
        	label{
        		float: right;
        		display: inline-block;
        		margin-right: -12px;
        		width: 218px;
        		img{
        			width: 100%;
        			display: block;
        		}
        	}
        	ul{
        		display: block;
        		clear: both;
        		text-align: center;
        		padding-top:80px;
        		li{
        			width: 45%;
        			display: inline-block;
        			font-size: 28px;
        			color: #666666;
        			position: relative;
        			padding:5px 0;
        			&:first-child:after{
        				content: '';
        				display: block;
        				position:absolute;
        				right: 0;
        				top: 0;
        				width: 0.028rem;
        				height: 100%;
        				background:#f0f0f0;
        			}
        			i{
        				width: 33px;
        				height: 47px;
        				display: inline-block;
        				vertical-align: middle;
        				font-size: 28px;
        				margin-right: 5px;
					    &.up-biz{
						    background:url('../../assets/img/user/fire-1.png') no-repeat;
						    background-size:100% 100%;
						    -webkit-background-size:100% 100%;
					    }
					    &.up-hig{
						    background:url('../../assets/img/user/fire-2.png') no-repeat;
						    background-size:100% 100%;
						    -webkit-background-size:100% 100%;
					    }
        			}
        		}
        	}
        }
 	}
 	.my-nav-tab{
 		&:after{
 			content: '';
 			display: block;
 			clear: both;
 			font-size: 0;
 		}
        &.none-line{
            li{
                &:after{
                    display: none;
                }
            }
        }
        &.oper-nav{
            li{
                i{
                    width: 58px;
                    height: 58px;
                    display: inline-block;
                    &.ico-1{
                        background:url('../../assets/img/user/op-ico-1.png') no-repeat;
                        background-size:100% 100%;
                        -webkit-background-size:100% 100%;
                    }
                    &.ico-2{
                        background:url('../../assets/img/user/op-ico-2.png') no-repeat;
                        background-size:100% 100%;
                        -webkit-background-size:100% 100%;
                    }
                    &.ico-3{
                        background:url('../../assets/img/user/op-ico-3.png') no-repeat;
                        background-size:100% 100%;
                        -webkit-background-size:100% 100%;
                    }
                    &.ico-4{
                        background:url('../../assets/img/user/op-ico-4.png') no-repeat;
                        background-size:100% 100%;
                        -webkit-background-size:100% 100%;
                    }
                }
            }
        }
        &.oper-nav2{
            li{
                i{
                    width: 44px;
                    height: 44px;
                    display: inline-block;
                    &.ico-5{
                        background:url('../../assets/img/user/op-ico-5.png') no-repeat;
                        background-size:100% 100%;
                        -webkit-background-size:100% 100%;
                    }
                    &.ico-6{
                        background:url('../../assets/img/user/op-ico-6.png') no-repeat;
                        background-size:100% 100%;
                        -webkit-background-size:100% 100%;
                    }
                    &.ico-7{
                        background:url('../../assets/img/user/op-ico-7.png') no-repeat;
                        background-size:100% 100%;
                        -webkit-background-size:100% 100%;
                    }
                    &.ico-8{
                        background:url('../../assets/img/user/op-ico-8.png') no-repeat;
                        background-size:100% 100%;
                        -webkit-background-size:100% 100%;
                    }
                }
            }
        }
 		li{
 			text-align: center;
 			width: 25%;
 			display: block;
 			float: left;
 			padding:15px 0;
 			margin:15px 0;
 			position:relative;
 			&:after{
 				content: '';
 				display: block;
 				width: 0.028rem;
 				height: 100%;
 				background:#f0f0f0;
 				position:absolute;
 				right: 0;
 				top: 0;
 			}
 			&:last-child:after{
 				display: none;
 			}
 			i{
 				width: 53px;
 				height: 53px;
 				display: inline-block;
 				&.ico-1{
 					background:url('../../assets/img/user/my-ico-1.png') no-repeat;
				    background-size:100% 100%;
				    -webkit-background-size:100% 100%;
 				}
 				&.ico-2{
 					background:url('../../assets/img/user/my-ico-2.png') no-repeat;
				    background-size:100% 100%;
				    -webkit-background-size:100% 100%;
 				}
 				&.ico-3{
 					background:url('../../assets/img/user/my-ico-3.png') no-repeat;
				    background-size:100% 100%;
				    -webkit-background-size:100% 100%;
 				}
 				&.ico-4{
 					background:url('../../assets/img/user/my-ico-4.png') no-repeat;
				    background-size:100% 100%;
				    -webkit-background-size:100% 100%;
 				}
 			}
 			span{
 				display: block;
 				font-size: 24px;
 				color: #666666;
 			}
 		} 		
 	}
    .navtion.data-ri{
        li{
            .time-bar{
                font-size:22px;
                color: #999999;
                margin-top: -7px;
                padding-bottom:7px;
                .user-bar{
                    display: inline-block;
                    em{
                        display: inline-block;
                        width: 13px;
                        height: 23px;                        
                        background:url('../../assets/img/user/user-icon.png') no-repeat;
                        background-size:100% auto;
                        -webkit-background-size:100% auto;
                        margin:0 12px 0 20px;
                    }
                }
            }
        }
    }
    .notice-type{
        text-align: right;
        font-size: 24px;        
        border-bottom:#f0f0f0 0.028rem solid;
        margin-top: 20px;
        padding:15px 15px;
        select.inputs{
            height: 54px;
            line-height: 54px;
            color: #666;
        }
    }
    .notice-detail{
        font-size: 28px;
        line-height: 1.8;
        padding:75px 30px;
    }
}
